<template>
  <div class="profile">
    <pro-file-logo></pro-file-logo>
    <pro-file-list :listArr="listArr"></pro-file-list>
    <!-- <van-loading v-show="LOADING" type="spinner" color="red" /> -->
  </div>
</template>

<script>
import ProFileLogo from "./children/ProFileLogo";
import ProFileList from "./children/ProFileList";
import { mapState } from "vuex";
export default {
  name: "profile",
  components: {
    ProFileLogo,
    ProFileList,
  },
  data() {
    return {
      listArr: [
        {
          name:  "我的订单",
          id: 1
        },
        {
          name: "优惠券",
          id: 2
        },
        {
          name: "我的足迹",
          id: 3
        },
        {
          name: "我的收藏",
          id: 4
        },
        {
          name: "地址管理",
          id: 5
        },
        {
          name: "联系客服",
          id: 6
        },
        {
          name: "帮助中心",
          id: 7
        },
        {
          name: "意见反馈",
          id: 8
        }
       
        
        
        
        
        
        
        
      ],
    };
  },
  computed: {
    ...mapState(["LOADING"]),
  },
};
</script>
